Zobrazení obrázku
<img src="obrazek.jpg" width="70" height="70"
alt="popis obrázku"">
- K vložení obrázku na stránku se používá nepárový tag <IMG>.
- V tagu specifikujeme cestu k obrázku (src), velikost (width=šířka , height=výška)
- Atribut (alt) slouží k malému popisu obrázku, (border) určuje velikost rámečku.
Velikost obrázku
<img src="obrazek.jpg" width="70" height="70">
- Velikost obrázku se určuje jeho šířkou a výškou.
- Při vložení obrázku je lepší tyto údaje vyplnit, aby prohlížeč při načítání nemusel "improvizovat".
- Width a height se dají libovolně měnit což zmenšuje nebo zvětšuje obrázek (horší kvalita).
- Hodnoty jsou v pixelech.
Ukázka : Zvětšeno - Originál - Zmenšeno
Zarovnání obrázku
<img src="obrazek.gif" align="left" >
Atribut ALIGN může nabývat pěti hodnot :
a) TOP - obrázek se zarovná s horní řádkou
textu
b) MIDDLE - obrázek je vzhledem
k řádce vertikálně vycentrován
c) BOTTOM - obrázek se zarovná s dolní řádkou
textu
d) LEFT - obrázek je umístěn u
levého okraje stránky a obtéká ho text
e) RIGHT - obrázek je umístěn u pravého okraje
stránky a obtéká ho text
Mezera okolo obrázku
<img src="obrazek.jpg" hspace="10" vspace="10">
Horizontální a
vertikální mezera okolo obrázku v pixelech.
Orámování obrázku
<img src="obrazek.jpg" border="1">
Velikost rámečku kolem
obrázku.
Ukázka : border=0 - 1 - 2 - 3 - 4 - 5